@charset "utf-8";
/* 重置 */
html{height: 100%}
body{margin: 0;height: 100%; background-color:#112339;}
canvas{display: block;width: 100%;height: 100%;}
img{display: block}


/*字体*/
/*@font-face{
font-family:pfR;
src:url(../other/PingFangR.ttf)
	}
*/
*{font-family:"Microsoft Yahei";color:#dbe9fc;letter-spacing:1px;font-size:14px;/*font-family:pfR*/}


.CenterBox{width:1200px;margin:0 auto;}
.DataBox_Bg{background-color:#203250;border-radius:10px;overflow: hidden;-webkit-box-shadow:0px 2px 0px black;moz-box-shadow:0px 2px 0px black;box-shadow:0px 2px 0px black;padding:20px}

/*box间隔*/
.MarginTop20{margin-top:20px}
.MarginRight20{margin-right:20px}
.MarginBottom50{margin-bottom:50px}

.FloatLeft{float: left}
.FloatRight{float:right}

/*加载动图*/
.DataLoad{overflow: hidden;}
.DataLoadBox{width: 100%;overflow: hidden;}
.loader02{width: 100%;height:250px;display: flex;box-sizing: border-box;align-items: center;justify-content: center;} 
.loader03{width: 100%;height:500px;display: flex;box-sizing: border-box;align-items: center;justify-content: center;} 
.loader04{width: 100%;height:120px;display: flex;box-sizing: border-box;align-items: center;justify-content: center;} 
.loader05{width: 100%;height:310px;display: flex;box-sizing: border-box;align-items: center;justify-content: center;} 
.loader06{width: 100%;height:380px;display: flex;box-sizing: border-box;align-items: center;justify-content: center;} 
@-webkit-keyframes loading{
    50%{transform: scale(0.4);opacity: 0.3;}
    100%{transform: scale(1);opacity: 1;}
}
.loading{position: relative;}
.loading i{display: block;width: 6px;height: 6px;border-radius: 50%;position: absolute;background: #dbe9fc;}
.loading i:nth-child(1){top: 25px;left: 0;-webkit-animation: loading 1s ease 0s infinite;}
.loading i:nth-child(2){top: 17px;left: 17px;-webkit-animation: loading 1s ease 0.12s infinite;}
.loading i:nth-child(3){top: 0;left: 25px;-webkit-animation: loading 1s ease 0.24s infinite;}
.loading i:nth-child(4){top: -17px;left: 17px;-webkit-animation: loading 1s ease 0.36s infinite;}
.loading i:nth-child(5){top: -25px;left: 0;-webkit-animation: loading 1s ease 0.48s infinite;}
.loading i:nth-child(6){top: -17px;left: -17px;-webkit-animation: loading 1s ease 0.6s infinite;}
.loading i:nth-child(7){top: 0;left: -25px;-webkit-animation: loading 1s ease 0.72s infinite;}
.loading i:nth-child(8){top: 17px;left: -17px;-webkit-animation: loading 1s ease 0.84s infinite;}